#workspaces {
  background-color: #24283b;
  font-size: 25px;
  border-radius: 6px;
  padding: 0px 8px;
  margin: 4px;
  margin-left: 0px;
}

#workspaces button {
  padding: 8px 4px;
  color: #85909e;
  font-size: 25px;
  border-bottom: 3px solid transparent;
}

/* 当前窗口tag样式 */
#workspaces button.urgent {
  color: #fa9f8e;
}

/* 每个窗口当有内容时tag的颜色 */
#workspaces button:nth-child(1) {
  color: #7aa2f7;
}

#workspaces button:nth-child(2) {
  color: #bb9af7;
}

#workspaces button:nth-child(3) {
  color: #f7768e;
}

#workspaces button:nth-child(4) {
  color: #bbffb9;
}

#workspaces button:nth-child(5) {
  color: #e0af68;
}

#workspaces button:nth-child(6) {
  color: #01ffff;
}

#workspaces button:nth-child(7) {
  color: #ff9e64;
}

#workspaces button:nth-child(8) {
  color: #ffffff;
}

#workspaces button:nth-child(9) {
  color: #ffffff;
}

#workspaces button:nth-child(10) {
  color: #ffffff;
}


#workspaces button.active:nth-child(1) {
  border-bottom: 3px solid #7aa2f7;
}

#workspaces button.active:nth-child(2) {
  border-bottom: 3px solid #bb9af7;
}

#workspaces button.active:nth-child(3) {
  border-bottom: 3px solid #f7768e;
}

#workspaces button.active:nth-child(4) {
  border-bottom: 3px solid #bbffb9;
}

#workspaces button.active:nth-child(5) {
  border-bottom: 3px solid #e0af68;
}

#workspaces button.active:nth-child(6) {
  border-bottom: 3px solid #01ffff;
}

#workspaces button.active:nth-child(7) {
  border-bottom: 3px solid #ff9e64;
}

#workspaces button.active:nth-child(8) {
  border-bottom: 3px solid #ffffff;
}

#workspaces button.active:nth-child(9) {
  border-bottom: 3px solid #ffffff;
}

#workspaces button.active:nth-child(10) {
  border-bottom: 3px solid #ffffff;
}
#workspaces button.empty {
  color: #85909e;
}

#workspaces button.empty:hover,
#workspaces button.active.empty {
  color: #c0c4c8;
  border-bottom: 3px solid #c0c4c8;
}
